<!DOCTYPE html>
<html>
<head>
    <title>首页 {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <link href="__TMPL__/public/assets/css/slippry/slippry.css" rel="stylesheet">
    <hook name="before_head_end"/>
</head>
<body class="body-white">
<header class="si-header">
    <div class="si-blank clearfix">
        <h1 class="si-header__logo pull-left"></h1>
        <div class="si-header__control pull-right"><a href="">登录</a></div>
    </div>
</header>

<menu class="si-menu">
    <div class="si-blank">
        <ul id="main-menu" >
            <navigation nav-id="" root="" id="main-navigation" class="nav navbar-nav navbar-nav-custom"
                        max-level="0">
                <navigationMenu>
                    <if condition="$level gt 1">
                        <li class="menu-item menu-item-level-{$level} levelgt1">
                            <a href="{$menu.href|default=''}" target="{$menu.target|default=''}">
                                {$menu.name|default=''}
                            </a>
                        </li>
                        <else/>
                        <li class="menu-item menu-item-level-{$level}">
                            <a href="{$menu.href|default=''}" target="{$menu.target|default=''}">
                                {$menu.name|default=''}
                            </a>
                        </li>
                    </if>
                </navigationMenu>
                <navigationFolder root="li"
                                  class="dropdown dropdown-custom dropdown-custom-level-{$level}"
                                  dropdown="ul"
                                  dropdown-class="dropdown-menu dropdown-menu-level-{$level}">
                    <a href="#" class="dropdown-toggle dropdown-toggle-{$level}" data-toggle="dropdown">
                        {$menu.name|default=''}<span class="caret"></span>
                    </a>
                </navigationFolder>
            </navigation>
            <li class="menu-item menu-item-level-1 active"> <a href="javascript:alert('暂未开放！')" target="">科技竞赛</a> </li>
            <li class="menu-item menu-item-level-1 active"> <a href="javascript:alert('暂未开放！')" target="">青科少年院</a> </li>
            <li class="menu-item menu-item-level-1 active"> <a href="javascript:alert('暂未开放！')" target="">综合实践教育</a> </li>
        </ul>
    </div>
</menu>

<section class="si-swiper">
    <a href="javascript:void(0);" class="si-swiper__prev"></a>
    <a href="javascript:void(0);" class="si-swiper__next"></a>
    <php>
        $top_slide_id=empty($theme_vars['top_slide'])?1:$theme_vars['top_slide'];
    </php>
    <div class="si-swiper__container swiper-container">
        <div class="swiper-wrapper">
            <slides id="$top_slide_id">
                <div class="swiper-slide">
                    <a href="{$vo.url|default=''}"><img src="{:cmf_get_image_url($vo.image)}" alt=""></a>
                </div>
            </slides>
            <noslides id="$top_slide_id">
                <div class="swiper-slide">
                    <a><img src="__TMPL__/public/assets/images/swiper.png" alt=""></a>
                </div>
            </noslides>
        </div>
    </div>
    <div class="pagination"></div>
</section>

<section class="si-news">
    <div class="si-blank">
        <div class="si-news__pic">
            <div class="si-news__hot">
                <img src="__TMPL__/public/assets/images/swiper.png" alt="">
            </div>
            <div class="si-news__normal">
                <img src="__TMPL__/public/assets/images/swiper.png" alt="">
                <img src="__TMPL__/public/assets/images/swiper.png" alt="">
            </div>
            <div class="si-news__pic-content clearfix">
                <div class="si-news__pic-item">
                    <h2>标题标题标题标题标题标题标题</h2>
                    <small>2019-08-01</small>
                </div>
                <div class="si-news__pic-item">
                    <h2>标题标题标题标题标题标题标题</h2>
                    <small>2019-08-01</small>
                </div>
                <div class="si-news__pic-item">
                    <h2>标题标题标题标题标题标题标题</h2>
                    <small>2019-08-01</small>
                </div>
            </div>
        </div>
        <div class="si-news__list">
            <h2>党工政建设</h2>
            <div class="si-news__list-content clearfix">
                <div class="si-news__list-item clearfix">
            <span>
              <em>09</em>
              <small>2019.09</small>
            </span>
                    <div class="content">
                        <h3>
                            她是恢复高考后的第一个状元，高考时的作文登上《人民日报》
                        </h3>
                        <p>
                            很多90和00后或许都不知道中国的高考曾经有过被废除这一历
                            史，多年前，这个政策一开始实施时那些无心学习的学生都为此感到...
                        </p>
                    </div>
                </div>
                <div class="si-news__list-item clearfix">
            <span>
              <em>09</em>
              <small>2019.09</small>
            </span>
                    <div class="content">
                        <h3>
                            她是恢复高考后的第一个状元，高考时的作文登上《人民日报》
                        </h3>
                        <p>
                            很多90和00后或许都不知道中国的高考曾经有过被废除这一历
                            史，多年前，这个政策一开始实施时那些无心学习的学生都为此感到...
                        </p>
                    </div>
                </div>
                <div class="si-news__list-item clearfix">
            <span>
              <em>09</em>
              <small>2019.09</small>
            </span>
                    <div class="content">
                        <h3>
                            她是恢复高考后的第一个状元，高考时的作文登上《人民日报》
                        </h3>
                        <p>
                            很多90和00后或许都不知道中国的高考曾经有过被废除这一历
                            史，多年前，这个政策一开始实施时那些无心学习的学生都为此感到...
                        </p>
                    </div>
                </div>
            </div>
            <div class="si-news__more">查看更多消息</div>
        </div>
    </div>
</section>

<section class="si-science">
    <div class="si-blank">
        <h2>科技竞赛</h2>
        <div class="si-science__content">
            <div class="si-science__hot">
                <img src="__TMPL__/public/assets/images/kj1.png" alt="">
                <div class="si-science__hot-content">
                    <span>学术活动</span>
                    <h2>标题标题标题</h2>
                    <p>
                        有的人意志不坚定，故而就坦然接受了这种命运；有的人则坚持知识就
                        是力量，在暗地里始终没有放弃复习功课，最终在高考恢复后成功地考
                        上了大学，改变了命运。今天我们来来说一下恢复高考后我国的第一位
                        高考状元，她的名字叫做刘学红，她是恢复高考后的第一个状元，高考
                        时的作文登上《人民日报》，今天我们就来说说她...
                    </p>
                </div>
            </div>
            <div class="si-science__normal">
                <img src="__TMPL__/public/assets/images/kj2.png" alt="">
                <div class="si-science__normal-content">
                    <span>学术活动</span>
                    <h2>标题标题标题</h2>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="si-footer">
    <div class="si-blank">
        <div class="si-footer__teach clearfix">
            <div class="si-footer__teach-pics pull-left clearfix">
                <div class="si-footer__teach-item">
                    <img src="__TMPL__/public/assets/images/footer1.png" alt="">
                    <span>师资培训</span>
                </div>
                <div class="si-footer__teach-item">
                    <img src="__TMPL__/public/assets/images/footer2.png" alt="">
                    <span>师德建设</span>
                </div>
                <div class="si-footer__teach-item">
                    <img src="__TMPL__/public/assets/images/footer3.png" alt="">
                    <span>工会活动</span>
                </div>
            </div>
            <div class="si-footer__teach-info pull-right">
                <h2>常用链接</h2>
                <ul>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">关于我们</a></li>
                </ul>
            </div>
        </div>
        <div class="si-footer__info">
            <div class="si-footer__info-tel">0532-89980659</div>
            <div class="si-footer__info-location">山东省青岛市市北区</div>
        </div>
        <div class="si-footer__copyright">
            <span>版权所有 青岛少科院&nbsp;&emsp;</span>
            <span>山东省公安北安 084952695269号</span>
        </div>
    </div>
</footer>

<!-- /container -->
<include file="public@scripts"/>
<script src="__TMPL__/public/assets/js/slippry.min.js"></script>
<script src="__TMPL__/public/assets/js/idangerous.swiper.js"></script>
<script>
    $(function () {
        var mySwiper = new Swiper('.swiper-container',{
            pagination: '.pagination',
            loop:true,
            grabCursor: true,
            paginationClickable: true
        })
        $('.si-swiper__prev').on('click', function(e){
            e.preventDefault()
            mySwiper.swipePrev()
        })

        $('.si-swiper__next').on('click', function(e){
            e.preventDefault()
            mySwiper.swipeNext()
        })

        $('.si-menu ul > li > a').on('click', function () {
            var $this = $(this)
            if ($this.parent().find('ol')) {
                $this.addClass('active').parent().siblings('li').find('a').removeClass('active')
                $this.parent().find('ol').addClass('active').parent().siblings('li').find('ol').removeClass('active')
            }
        })
    })

</script>
<hook name="before_body_end"/>
</body>
</html>
